<!DOCTYPE HTML>
<html>
<head>
<title>@font-face and synthetic rendering</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
<style type="text/css">

@import url(../fonts/mplus/mplusfonts.css);

body {
  margin: 50px;
  font-family: mplus1p, Futura, sans-serif;
  font-size: 18pt;
}

table {
  border-collapse: collapse; 
  margin-left: 1em;
}

td + td {
  padding-left: 1em;
}

</style>

   
</head>

<body>

<h4>Text below should appear in normal face with no synthetic bolding/italics</h4>

<table>
<tr>
<td>100</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>200</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>300</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>400</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>500</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>600</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>700</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>800</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>900</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
</table>

</body>
</html>